.searchbox{position:absolute;right:0;top:3px;-webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.sb-search{position:relative;width:0%;min-width:30px;height:30px;line-height:30px;float:right;overflow:hidden;-webkit-transition:width 0.3s;-moz-transition:width 0.3s;transition:width 0.3s;-webkit-backface-visibility:hidden;border-radius:30px}
.sb-search-input{background:#EBEBEB;color:#666;position:absolute;top:0;right:30px;border:none;outline:none;width:100%;height:30px;margin:0;z-index:10;padding:10px 20px 10px 50px;font-size:15px;border-radius:30px 0 0 30px}
.sb-search-input::-webkit-input-placeholder{color:#666}
.sb-search-input:-moz-placeholder{color:#666}
.sb-search-input::-moz-placeholder{color:#666}
.sb-search-input:-ms-input-placeholder{color:#666}
.sb-icon-search,.sb-search-submit{width:30px;height:30px;line-height:30px;display:block;position:absolute;right:0;top:0;padding:0;margin:0;text-align:center;cursor:pointer}
.sb-search-submit{background:#EBEBEB;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;color:transparent;border:none;outline:none;z-index:-1}
.sb-icon-search{z-index:90;font-size:20px;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;background:transparent}
.sb-search.sb-search-open,.no-js .sb-search{width:250px}
.sb-search.sb-search-open .sb-icon-search,.no-js .sb-search .sb-icon-search{background:#EBEBEB;z-index:11}
.sb-search.sb-search-open .sb-search-submit,.no-js .sb-search .sb-search-submit{z-index:90}

.header-top{height: 36px;line-height: 36px}
.header-top .keywords strong{font-weight:400}

.header-top .phone{position:absolute;right:60px;top:0;}
.header-top .phone span{height:24px;line-height:24px;padding:0 10px;border-radius:20px;display:inline-block}
.header-top .menudown{position:absolute;right:50px;top:0;}
.header-top .menudown .selectbox{display:none;}
.header-top .menudown:hover .selectbox{position:absolute;display:block;top:42px;right:-50px;min-width:250px;z-index: 9999999}
.header-top .menudown .selectbox .tool{position:relative;background: #fff;padding:20px 30px;box-shadow: 0 10px 20px rgba(0,0,0,.1);z-index: 9;}
.header-top .menudown .selectbox .tool ul li{display:block;width:33.333333%;float:left;height:32px;line-height:32px;}
.header-top .menudown .selectbox .tool:after{position:absolute;top:-6px;right:55px;display:inline-block;border-left:6px solid transparent;border-bottom:6px solid #fff;border-right:6px solid transparent;content:''}
/*.header-top .menudown a.anticon-ico i{font-size:20px;line-height:32px;}
.header-top .menudown a.anticon-ico{position:relative;}
.header-top .menudown a.anticon-ico:before{content:'';position:absolute;top:-4px;left:14px;background:#ff5c64;width:8px;height:8px;border-radius:50%}
*/

/* PC导航 */
#pc-header .navbar{z-index:9999;-webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.03); box-shadow:0px 1px 2px rgba(0, 0, 0, 0.03);}
#pc-header .navbar .logobox{height:60px;margin-top:20px;margin-bottom:20px;margin-right:-200px;}
/*#pc-header .navbar .logobox .logo{margin-right:10px}*/
#pc-header .navbar .logobox .logo img{height:60px;display:block;}
#pc-header .navbar .logotit{height:40px;border-left:1px solid #ccc;margin:10px 0 0 15px;padding-left:15px;}
#pc-header .navbar .logotit strong{font-size:20px;display: block;margin:-3px 0 1px }
#pc-header .navbar .logotit h1{font-size:14px;display:block;line-height:24px;}
#pc-header .navbar .logotit h1 span{display:inline-block;font-size:22px;margin:0 10px;font-weight:600;color:#3A9B3F}

#pc-header .nav li a{line-height:100px;color:#333;position:relative;margin:0 15px;padding:0;font-size:18px;font-weight:600;border-bottom:3px solid transparent;}
/* #pc-header .nav li:last-child a{padding:0 0 0 25px;} */
#pc-header .nav li ul{top:100px;background:#FFF;padding:0;border-top-left-radius:0px;border-top-right-radius:0px;transition: 0.3s;}
#pc-header .nav li ul li a {background:#FFF;line-height:40px;color:#666;font-size:15px;font-weight:normal;display:block;width:100%;padding:0}
#pc-header .nav li ul li a:hover{color:#3A9B3F;background:#fff;}
#pc-header .nav li.active ul li a:hover{color:#fff;background:#3A9B3F;}
#pc-header .nav li.active ul li a{font-weight: 400}
#pc-header .nav li ul li:last-child a{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
#pc-header .nav li.active a,#pc-header .nav li:hover a.first-level{color:#3A9B3F;}
#pc-header .nav li.active ul li a{border-bottom:0 solid #3A9B3F;}
#pc-header .nav li.active ul li a {color:#666;}
#pc-header .nav li.active ul li a:hover{color:#3A9B3F;background:#fff}

/*手机导航 begin */
#mobile-mask {position:relative;z-index:1;background:#f4f4f4;overflow-x:hidden;overflow-y:hidden;}
.offcanvas-visible #mobile-mask {-moz-transform:translateX(-275px);-webkit-transform:translateX(-275px);-ms-transform:translateX(-275px);-o-transform:translateX(-275px);transform:translateX(-275px);}
#mobile-header {background: linear-gradient(135deg, #41AE47, #3A9B3F);display:none;height:100%;right:0;overflow-y:auto;position:relative;position:fixed;z-index:1;top:0;width:275px;border:0;}
#mobile-header ul li{width:100%;margin:0}
#mobile-header ul li:hover,#mobile-header ul li.current {background:none}
#mobile-header ul li a {line-height:53px;border-bottom:1px solid #41AE47;font-size:18px;color:#fff;font-weight:normal;display:block;position:relative;padding-left:50px;margin:0;text-align:left;}
#mobile-header ul li a:hover,#mobile-header ul li.current a {color:#fff;}
#mobile-header ul li ul {padding:0;z-index:1999;position:relative;width:100%;}
#mobile-header ul li ul li a,#mobile-header ul li.current ul li a {background:#41AE47;color:#fff;font-size:16px;line-height:48px;padding:0 50px;display:block;}
#mobile-header ul li ul li a:hover {background:#41AE47;}
#mobile-header ul li ul li a::before,#mobile-header ul li ul li a::after {background:none;height:0;padding:0}

/* 手机导航面包ico begin */
.mobile-toggle {position:relative;cursor:pointer;text-decoration:none;position:absolute;top:50%;right:12px;z-index:99999;display:block;margin:-12px auto 0;display:none;cursor:pointer;}
.mobile-toggle.active i::before,.mobile-toggle.active i::after {}
.mobile-toggle:hover,.mobile-toggle:focus,.mobile-toggle:active {outline:none;border-bottom:none !important;}
.mobile-toggle i{position:relative;top:0;display:-moz-inline-stack;width:24px;height:3px;display:inline-block;zoom:1;*display:inline;color:#fff;text-transform:uppercase;text-indent:-55px;transition:all .3s ease-out;}
.mobile-toggle i::before,.mobile-toggle i::after {content:'';width:24px;height:3px;position:absolute;left:0;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
.mobile-toggle i::before {top:-9px;}
.mobile-toggle i::after {bottom:-9px;}
.mobile-toggle.active i {background:transparent;}
.mobile-toggle.active i::before {top:0;-webkit-transform:rotateZ(45deg);-o-transform:rotateZ(45deg);transform:rotateZ(45deg);}
.mobile-toggle.active i::after {bottom:0;-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg);}
.mobile-toggle i,.mobile-toggle i::before, .mobile-toggle i::after,.mobile-toggle.active i::before, .mobile-toggle.active i::after{background: #666;}
/*手机导航面包ico end */

/* 平板768x1000begin */
@media screen and (max-width:768px) {
.searchbox{height:50px;width:100%;right:50px;top:10px}
.sb-search{min-width:40px;height:40px;line-height:40px}
.sb-search-input{right:40px;height:40px;padding:20px 60px 20px 50px}
.sb-icon-search,.sb-search-submit{width:40px;height:40px;line-height:40px}
.sb-icon-search{font-size:18px}

#pc-header .navbar .logobox{margin-top:15px;margin-bottom:10px;height:30px;}
#pc-header .navbar .logobox .logo img{height:30px;}
#pc-header .navbar .logotit{height:40px;}
#pc-header .navbar .logotit strong{font-size:18px;line-height:30px}

.nav-navicon,.header-top {display:none}
.mobile-toggle,#mobile-header,#mobile-header .nav {display:block;border:none}
}